@import url("reset.css");
body{
    background:url(../images/sidebar.gif) repeat-y;
    font-family:tahoma,arial,sans-serif; 
    font-size:14px;   
}
#sidebar{
    width:196px;
    padding:0px 20px 0px 24px;
    
}
#sidebar li a{
    color:#0B7BDD;
    text-decoration: none;
    position:absolute;
    top:7px;
    left:45px;
}
#sidebar li a:hover{
    color:#FC0032;
}
#sidebar li{
    position: relative;
    display:block;
    height:40px;
    background:url(../images/bg_menu.png) no-repeat;
    margin-top:5px;
    font-weight:bold;       
    font-size:15px;
}
#sidebar ul{
    margin-left:0px;
    margin-top:50px;
}
.manincontent{
    margin-left:240px;   
    
}
.cheader{
    width:100%;
    height:40px;  
    background:#F5F5F5 url(../images/line.gif) left bottom repeat-x;    
}
.link{
    float:right;
    margin-right:10px;
}
.link span{
    display:block;
    margin:10px 10px 0px 0px;
    float:left;
    padding-left:20px; 
}
.user{
    background: url(../images/user.png) no-repeat;   
    font-weight:bold;
}
.email{
    background: url(../images/email.png) no-repeat;       
}
.viewsite{
   background: url(../images/view.png) no-repeat; 
}
.logout{
    background: url(../images/logout.png) no-repeat; 
}
.box{
    border: 1px solid #ccc; 
    margin: 10px 5px;
}


.relative{
    position:relative;
}
.close{
    position:absolute;
    right:10px;
    top:10px;
    background:url(../images/close.png) no-repeat;
    display: block;
    width:10px;
    height:10px;
    cursor:pointer;
}
.messcontent{
    margin:1px;    
    height: 25px;
    padding:5px 0px 0px 38px ;
    color: #2B2B2B;
}
.error{
    margin: 10px 5px;
    border:1px solid #F2BBA0
}
.error_mess{
   background:#F2BBA0 url(../images/del.png) 12px 50% no-repeat;
}

.succ{
    margin: 10px 5px;
    border:1px solid #9AC933
}
.succ_mess{
   background:#9AC933 url(../images/success.png) 12px 50% no-repeat;
}

.war{
    margin: 10px 5px;
    border:1px solid #F9EDAA
}
.war_mess{
   background:#F9EDAA url(../images/warning.png) 12px 50% no-repeat;
}

.box_header{
   background:#f1f1f1 url(../images/ico_mug.jpg) 5px center no-repeat;
    border: 1px solid #ccc;    
    padding-left:40px;
    height:30px;    
}
.box_header h3{
    width:100px;
}
.box_header a{
    margin-right:10px;
    display:block;
    background:#f1f1f1 url(../images/themmoi.png) 5px center no-repeat;
    height:25px;
    padding:5px 0 0 30px;
}
a.cancel{   
    background:#f1f1f1 url(../images/cancel.png) 5px center no-repeat;    
}
div.add_edit{
    background:#f1f1f1 url(../images/add_edit.png) 5px center no-repeat;
}
.box_content{
    padding:0px;
    position:relative;
}
table th{
    text-align:center;
    background:#EEEEEE;
    padding:5px;
}
table{
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top:0px;
    position:relative;
}
table td {
    display: table-cell;
    border-bottom: 1px dotted #CCCCCC;
    color: #000000;
    padding: 10px 0px 10px 10px;
    background-color:#f7f7fb;
     vertical-align: middle;
}
.tb_check{
    width:20px;
    text-align:center;
    padding:5px;
    background:#EEEEEE;
}
.span30{    
    width:30px;    
    cursor:pointer;
}
.span100{    
    width:100px;
}
.span200{    
    width:200px;
}
.span50{
    width:50px;
}
.edit a{
   background: #F7F7FB url(../images/edit.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.view a{
   background: #F7F7FB url(../images/view.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.del a{
   background: #F7F7FB url(../images/del.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
a.status{
   background: #F7F7FB url(../images/pub.png) 50% 50% no-repeat;
   text-indent:-999999px; 
   display:block;
   width:16px;
   height:16px;
}
.views a.unpub{
    background:url(../images/unpub.png) 0 0 no-repeat !important;  
}
.views a.status{
    background: #F7F7FB url(../images/pub.png) 50% 50% no-repeat !important;
}
a.unpub{
  background:url(../images/unpub.png) 0 0 no-repeat;  
}
.first_id{
    width:50px;
}
.span300{
    width:300px;
    
}
a.order{
    cursor:pointer;    
    padding-right: 15px;  
    color:#000;  
}
.order:hover{
    color:#0546BF;
}
.ASC{
    background: url(../images/sort-asc.png) right center no-repeat;
}
.DESC{
    background: url(../images/sort-desc.png) right center no-repeat;
}
.submit_td{
    text-align:center;
}
.filter{
    height:30px;
    padding: 5px;
}
.filter .show_num, .filter .filter_cat{
    margin:3px;
}
.filter .left{
    margin-right: 15px;
}
.box_switch{
    display:block;
    width:93px;
    height:27px;
    background:url(../images/itoggle.png) 0 -27px no-repeat;  
    cursor: pointer;  
}
.box_switch a{
    display:block;
    width:93px;
    height:27px;
    background:url(../images/itoggle.png) left top no-repeat;  
    cursor: pointer;  
    text-indent:-9999px;
}
.off{
    background-position:-54px -27px !important;
}
.hide{
    display:none;
}
.Pagination{
    display:block;
}
.Pagination li{
    float:left;
    display:block;
    padding:3px;
    margin:0 2px;
    background:#E8E9EA;
    border:1px solid #CCCDCE
}
.Pagination li a{
    display:block;
}
.current{
    background:#D3CFF9 !important;
}
.span100_pb{
    display:block;
    margin:4px;
    width:200px;
}
.span100_pb input{
    margin:0 2px;
    float:right
}

.pbcolleft{
    width:220px;
}
.pbcolright{
    height:100px;
    border:1px solid #cacaca;
    min-width:600px;
    padding:20px 0px 10px 10px; 
}
.pbcolright span{
    float:left;
}
/***************GROUP USER***************************/
.user_group a{
    background-color: #FFFFFF;
    background-position: -30px center;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    color: #565656;
    display: block;
    float: left;
    text-decoration: none;
    transition-duration: 0.8s;
    /*
    transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
    bo di thi k muot hon
    */
    vertical-align: middle;
    width: 158px;
    height: 157px;
    margin:10px;
    text-align: center;
}
.user_group a:hover {
    background-position: 0 center;
    border-bottom-left-radius: 50% 20px;
    box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 10;
}
/************USER GROUP****************/
.group_td{
    
    color:#4007F9;
}
.total_td{
   color: #FC053E;
}
.curent_td{
    color:#D808CE;
}
.pending_td{
    color:#E8B510;    
}
.blink_td{
    text-decoration: blink;
}
.payout_tb{
    position:absolute;
    z-index:99;
    background:url(../images/pay_com.png) no-repeat;
    width:38px;
    height:32px;
    padding:5px 0 0 19px;
    
}
.payout_tb a{
    color:#14F6FE;
    font-weight: bold;
    display:block;
}
.mota{
    background:url(../images/bgh_mn1.png) repeat-x;
    height:28px;
    line-height:28px;
    color:#fff;
    font-weight:bold;    
}
.img_list_group{
    background:url(../images/group_32.png) no-repeat;
    padding-left:30px;
}
.block{
    display:block;
}
.titleusg{
    text-align:center;
}



